opus.Gizmo({
	name: "orderDetail",
	dropTarget: true,
	type: "Palm.Mojo.Panel",
	h: "100%",
	styles: {
		zIndex: 2
	},
	chrome: [
		{
			name: "scroller1",
			scrollPosition: {
				left: 0,
				top: 0
			},
			type: "Palm.Mojo.Scroller",
			l: 0,
			t: 52,
			h: "100%",
			styles: {
				cursor: "move",
				overflow: "hidden"
			},
			controls: [
				{
					name: "header1",
					label: "Order Detail",
					type: "Palm.Mojo.Header",
					l: 0,
					t: 0
				},
				{
					name: "group3",
					dropTarget: true,
					label: "Info",
					type: "Palm.Mojo.Group",
					l: 0,
					t: 0,
					h: "auto",
					controls: [
						{
							name: "row7",
							dropTarget: true,
							rowType: "first",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 0,
							controls: [
								{
									name: "panel1",
									layoutKind: "hbox",
									dropTarget: true,
									type: "Palm.Mojo.Panel",
									l: 0,
									t: 0,
									h: "52",
									controls: [
										{
											name: "label2",
											label: "Created",
											type: "Palm.Mojo.Label",
											l: 0,
											w: "20%",
											t: 0,
											h: "100%",
											styles: {
												oneLine: true
											}
										},
										{
											name: "createdLbl",
											className: "raw-text",
											type: "Palm.Mojo.Label",
											l: 60,
											w: "80%",
											t: 0,
											h: "100%",
											styles: {
												textAlign: "right",
												oneLine: false,
												textColor: "black",
												fontSize: "16px"
											}
										}
									]
								}
							]
						},
						{
							name: "row5",
							dropTarget: true,
							rowType: "middle",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 0,
							controls: [
								{
									name: "panel2",
									layoutKind: "hbox",
									dropTarget: true,
									type: "Palm.Mojo.Panel",
									l: 0,
									t: 0,
									h: "52",
									controls: [
										{
											name: "label3",
											label: "id",
											type: "Palm.Mojo.Label",
											l: 0,
											w: "20%",
											t: 0,
											h: "100%",
											styles: {
												oneLine: true
											}
										},
										{
											name: "idLbl",
											className: "raw-text",
											type: "Palm.Mojo.Label",
											l: 60,
											w: "80%",
											t: 0,
											h: "100%",
											styles: {
												textAlign: "right",
												oneLine: true,
												textColor: "black",
												fontSize: "16px"
											}
										}
									]
								}
							]
						},
						{
							name: "row3",
							dropTarget: true,
							rowType: "middle",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 0,
							controls: [
								{
									name: "panel3",
									layoutKind: "hbox",
									dropTarget: true,
									type: "Palm.Mojo.Panel",
									l: 0,
									t: 0,
									h: "52",
									controls: [
										{
											name: "label4",
											label: "status",
											type: "Palm.Mojo.Label",
											l: 0,
											w: "20%",
											t: 0,
											h: "100%",
											styles: {
												oneLine: true
											}
										},
										{
											name: "statusLbl",
											className: "raw-text",
											type: "Palm.Mojo.Label",
											l: 60,
											w: "80%",
											t: 0,
											h: "100%",
											styles: {
												textAlign: "right",
												oneLine: true,
												textColor: "black",
												fontSize: "16px"
											}
										}
									]
								}
							]
						},
						{
							name: "totalRow",
							dropTarget: true,
							rowType: "middle",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 155,
							controls: [
								{
									name: "panel5",
									layoutKind: "hbox",
									dropTarget: true,
									type: "Palm.Mojo.Panel",
									l: 0,
									t: 0,
									h: "52",
									controls: [
										{
											name: "label1",
											label: "total",
											type: "Palm.Mojo.Label",
											l: 0,
											w: "20%",
											t: 0,
											h: "100%",
											styles: {
												oneLine: true
											}
										},
										{
											name: "totalLbl",
											className: "raw-text",
											type: "Palm.Mojo.Label",
											l: 60,
											w: "80%",
											t: 0,
											h: "100%",
											styles: {
												textAlign: "right",
												oneLine: true,
												textColor: "black",
												fontSize: "16px"
											}
										}
									]
								}
							]
						},
						{
							name: "row8",
							dropTarget: true,
							rowType: "last",
							type: "Palm.Mojo.Row",
							l: 0,
							t: 0,
							h: "150",
							controls: [
								{
									name: "panel4",
									layoutKind: "hbox",
									dropTarget: true,
									type: "Palm.Mojo.Panel",
									l: 0,
									t: 0,
									h: "100%",
									controls: [
										{
											name: "label5",
											label: "Contact",
											type: "Palm.Mojo.Label",
											l: 0,
											w: "20%",
											t: 0,
											h: "100%",
											styles: {
												oneLine: true
											}
										},
										{
											name: "billLbl",
											className: "raw-text",
											type: "Palm.Mojo.Label",
											l: 60,
											w: "80%",
											t: 0,
											h: "100%",
											styles: {
												textAlign: "right",
												oneLine: false,
												textColor: "black",
												fontSize: "16px"
											}
										}
									]
								}
							]
						}
					]
				},
				{
					name: "group1",
					dropTarget: true,
					label: "Products",
					type: "Palm.Mojo.Group",
					l: 0,
					t: 0,
					h: "auto",
					controls: [
						{
							name: "row1",
							dropTarget: true,
							focusHighlight: false,
							tapHighlight: false,
							type: "Palm.Mojo.Row",
							l: 0,
							t: 0,
							h: "auto",
							controls: [
								{
									name: "productList",
									dropTarget: true,
									items: [],
									useSampleData: false,
									title: undefined,
									itemHtml: "<div class=\"palm-row\" x-mojo-tap-highlight=\"momentary\">\n  <div class=\"palm-row-wrapper textfield-group\">\n      <div class=\"item-title truncating-text\">#{title}</div>\n      <div class=\"item-price\">#{priceStr}</div>\n      <div class=\"item-subtitle truncating-text\">#{attrStr}</div>\n  </div>\n</div>\n",
									type: "Palm.Mojo.List",
									l: 0,
									t: 0,
									h: 100
								}
							]
						}
					]
				}
			]
		}
	]
});